<template>
  <div>
    <p>Child</p>
    <p>{{ $attrs.age }}</p>
    <button @click="handleClick">按钮</button>
  </div>
</template>

<script>
export default {
  name: "XChild",
  mounted() {
    /*
      $attrs 包含未声明接受的标签属性
      $listeners 给组件绑定的所有事件回调函数
    */
    console.log(this.$attrs, this.$listeners);
  },
  props: {
    name: String,
  },
  methods: {
    handleClick() {
      // this.$emit("setAge"); // 触发事件，从而执行回调函数
      this.$listeners.setAge(); // 直接调用回调函数
    },
  },
};
</script>

<style></style>
